<div class="example-wrapper">
    <div class="example-header">
        <span class="button-group">
            <button onclick="useTheme('quartz', false)">Quartz</button>
            <button onclick="useTheme('quartz', true)">Quartz Dark</button>
            <button onclick="useTheme('alpine', false)">Alpine</button>
            <button onclick="useTheme('alpine', true)">Alpine Dark</button>
            <button onclick="useTheme('balham', false)">Balham</button>
            <button onclick="useTheme('balham', true)">Balham Dark</button>
            <button onclick="useTheme('material', false)">Material</button>
            <button onclick="useTheme('material', true)">Material Dark</button>
        </span>
    </div>
    <div id="myGrid" class="ag-theme-quartz" style="height: 100%"></div>
</div>
